<template>
  <div id="home">

    <home-header></home-header>
    <home-banner></home-banner>
    <!-- 主体 -->

     <section>
      <!-- <div class="learn">
        <div class="learnCon">
          <h2 class="titCom">
            <img src="/public/img/tit1.png" alt />
            <span>面向高校提供丰富的校企合作模式 深化教学改革 实现高校人才培养与企业发展的合作共赢</span>
          </h2>
          <div class="learnInfo">
            <div class="col_left">
              <div class="video">
                <video
                  id="user-video"
                  src="http://v.itheima.com/yxb/yxbxcp.mp4"
                  muted
                  loop="true"
                  autoplay="autoplay"
                  controls="controls"
                >您的浏览器不支持 video 标签。</video>
              </div>
            </div>
            <div class="col_right">
              <div class="title">
                <img src="/public/img/dt.png" alt />
                <a href="/news/1" target="_blank" class="more">查看更多</a>
              </div>
              <ul>
                <li>
                  <span>1</span>
                  <a href="/contentPage/183" target="_blank">2020年传智播客院校邦暑期师资培训圆满落幕</a>
                </li>

                <li>
                  <span>2</span>
                  <a href="/contentPage/182" target="_blank">2020年全国高校IT骨干教师暑假研修班诚邀您的参加！</a>
                </li>

                <li>
                  <span>3</span>
                  <a href="/contentPage/180" target="_blank">第二届“传智杯”全国大学生IT技能大赛初赛即将开始</a>
                </li>

                <li>
                  <span>4</span>
                  <a href="/contentPage/179" target="_blank">打造高分项目实战网课，传智播客全线升级在线实训</a>
                </li>

                <li>
                  <span>5</span>
                  <a href="/contentPage/178" target="_blank">【抗疫】用书教师不用愁,电子教材在线看！停学不停课，您需要的我们提前做！</a>
                </li>

                <li>
                  <span>6</span>
                  <a href="/contentPage/177" target="_blank">【抗疫】停课不停学！传智播客高校教辅平台，助力高校疫情下教学工作</a>
                </li>

                <li>
                  <span>7</span>
                  <a
                    href="/contentPage/175"
                    target="_blank"
                  >强师资•拓思维•谋新课——传智播客院校邦“2020年全国高校IT骨干教师寒假研修班”顺利开班</a>
                </li>

                <li>
                  <span>8</span>
                  <a href="/contentPage/173" target="_blank">体验技术新趋势，传智学子百度行</a>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div> -->
      <!-- <div class="cooperation">
        <div class="cooperationCon">
          <h2>
            <img src="/public/img/hezuotit.png" alt />
          </h2>
          <ul>
            <li>
              <a href="/originalBook/Java" target="_blank">
                <img src="/public/img/1hzms.png" alt="原创教材" />
                <span>原创教材</span>
              </a>
            </li>
            <li>
              <a href="/training" target="_blank">
                <img src="/public/img/2hzms.png" alt="师资培训" />
                <span>师资培训</span>
              </a>
            </li>
            <li>
              <a href="/getajob" target="_blank">
                <img src="/public/img/3hzms.png" alt="实习实训" />
                <span>实习实训</span>
              </a>
            </li>
            <li>
              <a href="/major" target="_blank">
                <img src="/public/img/4hzms.png" alt="专业建设" />
                <span>专业建设</span>
              </a>
            </li>
            <li>
              <a href="/industry" target="_blank">
                <img src="/public/img/5hzms.png" alt="协同育人" />
                <span>协同育人</span>
              </a>
            </li>
            <li>
              <a href="/megagame/1" target="_blank">
                <img src="/public/img/1hzms.png" alt="编程大赛" />
                <span>传智杯大赛</span>
              </a>
            </li>
          </ul>
        </div>
        <div class="jiaocai">
          <h2 class="titCom">
            <img src="/public/img/tit2.png" alt="原创教材" />
            <span>多年教学沉淀 解放您的备课时间 减轻您的教学压力</span>
          </h2>
          <div class="jcCon">
            <ul class="jctop">
              <li>
                <span>
                  <em>100</em>本
                </span>
                <p>已出版原创教材近</p>
              </li>
              <li>
                <span>
                  <em>1900</em>所
                </span>
                <p>已达成教材合作高校近</p>
              </li>
              <li>
                <span>
                  <em>200</em>万
                </span>
                <p>覆盖大学生人</p>
              </li>
              <li>
                <span>
                  <em>280+</em>万
                </span>
                <p>教材总发行量册</p>
              </li>
            </ul>
            <div class="title">
              <img src="/public/img/hotbg.png" alt />
              <a href="/originalBook/Java" target="_blank" class="more">查看更多</a>
            </div>
            <ul class="jclist">
              <li>
                <a href="http://resource.boxuegu.com/book/java.html" target="_blank">
                  <em>热门</em>
                  <div class="imgbox">
                    <img src="/public/img/ycjc1.png" alt />
                  </div>
                  <h3>《Java基础入门》</h3>
                  <p>
                    荣获第四届中国大学生出版社图书奖
                    <br />优秀畅销书二等奖
                  </p>
                  <label>查看详情</label>
                </a>
              </li>
              <li>
                <a href="http://resource.boxuegu.com/book/android_advanced.html" target="_blank">
                  <em>热门</em>
                  <div class="imgbox">
                    <img src="/public/img/ycjc2.png" alt />
                  </div>
                  <h3>《Android项目实战—手机安全卫士》</h3>
                  <p>
                    荣获中国电子教育学会2017年全国
                    <br />电子信息类优秀教材评选二等奖
                  </p>
                  <label>查看详情</label>
                </a>
              </li>
              <li>
                <a href="http://resource.boxuegu.com/book/android.html" target="_blank">
                  <em>热门</em>
                  <div class="imgbox">
                    <img src="/public/img/ycjc3.png" alt />
                  </div>
                  <h3>《Android移动应用基础教程》</h3>
                  <p>
                    荣获中国铁道出版社优秀双效出
                    <br />版物奖奖项
                  </p>
                  <label>查看详情</label>
                </a>
              </li>
              <li>
                <a href="http://resource.boxuegu.com/book/html.html" target="_blank">
                  <em>热门</em>
                  <div class="imgbox">
                    <img src="/public/img/ycjc4.png" alt />
                  </div>
                  <h3>《网页设计与制作（HTML+CSS）》</h3>
                  <p>
                    荣获中国铁道出版社优秀双效出
                    <br />版物奖奖项
                  </p>
                  <label>查看详情</label>
                </a>
              </li>
            </ul>
          </div>
        </div>
      </div> -->
      <!-- <div class="train">
        <div class="trainCon">
          <h2 class="titCom">
            <img src="/public/img/tit3.png" alt />
            <span>院校邦与高校展开实习实训 帮助大学生高薪就业</span>
          </h2>
          <div class="title">
            <img src="/public/img/shixishixun.png" alt />
            <a href="/practicalcase/1" target="_blank" class="more">查看更多</a>
          </div>
          <ul>
            <li class="hvr-float">
              <a href="/contentPage/119" target="_blank">
                <div class="imgbox">
                  <div class="mask"></div>
                  <img
                    src="http://pk0jkchof.bkt.clouddn.com/imgs/2018/fc7bfd2e3c0c43c6b7f5a1c802ad360f"
                    alt
                  />
                </div>
                <h3>院校邦与安阳工学院达成实习实训</h3>
                <p>2018年11月份，安阳工学院学生参与传智播客举办的实习实训，本次实训获得创新工场及中关村管委会的支持。</p>
              </a>
            </li>

            <li class="hvr-float">
              <a href="/contentPage/71" target="_blank">
                <div class="imgbox">
                  <div class="mask"></div>
                  <img
                    src="http://pk0jkchof.bkt.clouddn.com/imgs/2018/e95252184a4e42e8bb99c7251329b577"
                    alt
                  />
                </div>
                <h3>广东交通职业技术学院</h3>
                <p>院校邦与广东交通职业技术学院达成实习实训合作。院校邦派遣优秀的专业技能讲师为厦门工学院的学生进行JavaEE、Web前端实习实训。</p>
              </a>
            </li>

            <li class="hvr-float">
              <a href="/contentPage/69" target="_blank">
                <div class="imgbox">
                  <div class="mask"></div>
                  <img
                    src="http://pk0jkchof.bkt.clouddn.com/imgs/2018/89cd497d81ca428f984730bede8834b6"
                    alt
                  />
                </div>
                <h3>院校邦与厦门工学院达成实训合作</h3>
                <p>2018年9月份，院校邦与厦门工学院达成实训合作。</p>
              </a>
            </li>

            <li class="hvr-float">
              <a href="javascript:;">
                <div class="imgbox">
                  <div class="mask"></div>
                  <img src="/public/img/training/default-img.png" alt />
                </div>
                <h3>敬请期待</h3>
                <p>敬请期待</p>
              </a>
            </li>
          </ul>
        </div>
      </div> -->
      <!-- <div class="xibao">
        <div class="xibaoCon">
          <h2>
            <img src="/public/img/jiuyexibao.png" alt />
          </h2>
          <ul>
            <li class="hvr-float">
              <a href="/statistics/100/内蒙古科技大学/1" target="_blank">
                <img
                  src="http://pk0jkchof.bkt.clouddn.com/imgs/2019/a9aff1d5e8ba46bb9aaca6093dd4eb4e"
                  alt
                />
                <h3>内蒙古科技大学</h3>
                <p>就业薪资</p>
                <span>
                  9980
                  <i>元</i>
                </span>
              </a>
            </li>

            <li class="hvr-float">
              <a href="/statistics/99/邢台职业技术学院/1" target="_blank">
                <img
                  src="http://pk0jkchof.bkt.clouddn.com/imgs/2019/e3c8bc39b3744392bd6d669bad3157d7"
                  alt
                />
                <h3>邢台职业技术学院</h3>
                <p>就业薪资</p>
                <span>
                  8865
                  <i>元</i>
                </span>
              </a>
            </li>

            <li class="hvr-float">
              <a href="/statistics/98/广东农工商职业技术学院/1" target="_blank">
                <img
                  src="http://pk0jkchof.bkt.clouddn.com/imgs/2019/5235ca7f43784f96997bc7ac0bdda07a"
                  alt
                />
                <h3>广东农工商职业技术学院</h3>
                <p>就业薪资</p>
                <span>
                  8366
                  <i>元</i>
                </span>
              </a>
            </li>

            <li class="hvr-float">
              <a href="/statistics/97/陇东学院/1" target="_blank">
                <img
                  src="http://pk0jkchof.bkt.clouddn.com/imgs/2019/3da105c093da488cb829b8bbc02f3409"
                  alt
                />
                <h3>陇东学院</h3>
                <p>就业薪资</p>
                <span>
                  8653
                  <i>元</i>
                </span>
              </a>
            </li>

            <li class="hvr-float">
              <a href="/statistics/96/山西工程职业技术学院/1" target="_blank">
                <img
                  src="http://pk0jkchof.bkt.clouddn.com/imgs/2019/733176d7ff79421caa6521baf409980e"
                  alt
                />
                <h3>山西工程职业技术学院</h3>
                <p>就业薪资</p>
                <span>
                  7640
                  <i>元</i>
                </span>
              </a>
            </li>

            <li class="hvr-float">
              <a href="/statistics/95/河南农业大学/1" target="_blank">
                <img
                  src="http://pk0jkchof.bkt.clouddn.com/imgs/2019/897dbfcd6e2948b9ad433342346653d6"
                  alt
                />
                <h3>河南农业大学</h3>
                <p>就业薪资</p>
                <span>
                  10885
                  <i>元</i>
                </span>
              </a>
            </li>

            <li class="hvr-float">
              <a href="/statistics/93/长沙民政职业技术学院/1" target="_blank">
                <img
                  src="http://pk0jkchof.bkt.clouddn.com/imgs/2019/94902993cfa441188b95bd9d37acab0e"
                  alt
                />
                <h3>长沙民政职业技术学院</h3>
                <p>就业薪资</p>
                <span>
                  8525
                  <i>元</i>
                </span>
              </a>
            </li>

            <li class="hvr-float">
              <a href="/statistics/101/广东财经大学华商学院/1" target="_blank">
                <img
                  src="http://pk0jkchof.bkt.clouddn.com/imgs/2019/548e4b88ade34298950ebfa752fc0799"
                  alt
                />
                <h3>广东财经大学华商学院</h3>
                <p>就业薪资</p>
                <span>
                  8000
                  <i>元</i>
                </span>
              </a>
            </li>
          </ul>
          <div class="moreBtn">
            <a href="/getajobList/1" target="_blank" class="hvr-float">更多就业信息</a>
          </div>
        </div>
      </div> -->
      <!-- <div class="teacher">
        <div class="teacherCon">
          <h2 class="titCom">
            <img src="/public/img/tit4.png" alt />
            <span>助力千余名老师提升前沿技术 教学教法 培养双师型骨干师资</span>
          </h2>
        
          <div class="szpx poster-main" style="width: 1200px; height: 470px;">
            <div class="poster-btn poster-prev-btn" id="prev"></div>
            <ul class="poster-list" id="carousel" style="width: 1200px; height: 470px;">
              <li
                class="vBox poster-item"
                data-video-src="http://v.itheima.com/2020gxggpx.mp4"
                style="width: 568px; height: 362px; top: 54px; left: 316px; z-index: 3;"
              >
                <img src="/public/img/t5.jpg" />
                <div class="mask"></div>
                <i class="playBtn"></i>
              </li>
              <li
                class="vBox poster-item"
                data-video-src="http://v.itheima.com/yuanxiaobang/2019szpx.mp4"
                style="z-index: 2; width: 482.8px; height: 307.7px; opacity: 1; left: 150px; top: 81.15px;"
              >
                <img src="/public/img/t4.jpg" />
                <div class="mask"></div>
                <i class="playBtn"></i>
              </li>
              <li
                class="vBox poster-item"
                data-video-src="http://v.itheima.com/2020gxggpx.mp4"
                style="z-index: 1; width: 410.38px; height: 261.545px; opacity: 0.5; left: 150px; top: 104.228px;"
              >
                <img src="/public/img/t5.jpg" />
                <div class="mask"></div>
                <i class="playBtn"></i>
              </li>
              <li
                class="vBox poster-item"
                data-video-src="http://v.itheima.com/yuanxiaobang/2018szpxjj.mp4"
                style="z-index: 0; width: 348.823px; height: 222.313px; opacity: 0.333333; left: 150px; top: 123.843px;"
              >
                <img src="/public/img/t1.jpg" />
                <div class="mask"></div>
                <i class="playBtn"></i>
              </li>
              <li
                class="vBox poster-item"
                data-video-src="http://v.itheima.com/yuanxiaobang/2019szpx.mp4"
                style="z-index: 0; width: 349px; height: 222px; opacity: 0.333333; left: 550px; top: 124px;"
              >
                <img src="/public/img/t4.jpg" />
                <div class="mask"></div>
                <i class="playBtn"></i>
              </li>
              <li
                class="vBox poster-item"
                data-video-src="http://v.itheima.com/yxb/2017czszpx.mp4"
                style="z-index: 1; width: 410.588px; height: 261.176px; opacity: 0.5; left: 550px; top: 104.412px;"
              >
                <img src="/public/img/t2.jpg" />
                <div class="mask"></div>
                <i class="playBtn"></i>
              </li>
              <li
                class="vBox poster-item"
                data-video-src="http://v.itheima.com/yxb/2016szbpjj.mp4"
                style="z-index: 2; width: 483.045px; height: 307.266px; opacity: 1; left: 550px; top: 81.3668px;"
              >
                <img src="/public/img/t3.jpg" />
                <div class="mask"></div>
                <i class="playBtn"></i>
              </li>
            </ul>
            <div class="poster-btn poster-next-btn" id="next"></div>
          </div>
          <div>
            <div class="bar"></div>
          </div>
          <div class="moreBtn">
            <a href="/training" target="_blank" class="hvr-float">查看更多师资培训</a>
          </div>
          <div class="yr">
            <h2 class="titCom">
              <img src="/public/img/tit5.png" alt />
              <span>基于12年教学经验及资源积累 以就业为导向 推动高等教育教学改革</span>
            </h2>
            <ul>
              <li class="hvr-float">
                <a href="/teach" target="_blank">
                  <div class="imgbox">
                    <div class="mask"></div>
                    <img src="/public/img/yr1.png" alt />
                  </div>
                  <span>教学内容与课程体系改革</span>
                </a>
              </li>
              <li class="hvr-float">
                <a href="/teacher" target="_blank">
                  <div class="imgbox">
                    <div class="mask"></div>
                    <img src="/public/img/yr2.png" alt />
                  </div>
                  <span>师资培训</span>
                </a>
              </li>
              <li class="hvr-float">
                <a href="/practice" target="_blank">
                  <div class="imgbox">
                    <div class="mask"></div>
                    <img src="/public/img/yr3.png" alt />
                  </div>
                  <span>实践条件和实践基地建设</span>
                </a>
              </li>
              <li class="hvr-float">
                <a href="/college" target="_blank">
                  <div class="imgbox">
                    <div class="mask"></div>
                    <img src="/public/img/yr4.png" alt />
                  </div>
                  <span>新工科建设</span>
                </a>
              </li>
              <li class="hvr-float">
                <a href="/creatnew" target="_blank">
                  <div class="imgbox">
                    <div class="mask"></div>
                    <img src="/public/img/yr5.png" alt />
                  </div>
                  <span>创新创业教育改革</span>
                </a>
              </li>
            </ul>
          </div>
          <div class="moreBtn">
            <a href="/industry" target="_blank" class="hvr-float">产学合作介绍</a>
          </div>
        </div>
        <div id="video-box">
          <div class="video-content">
            <div class="video-title clearfix">
              <a href="javascript:void(0)" class="fr close">X</a>
            </div>
            <div class="video"></div>
          </div>
        </div>
      </div> -->
      <!-- <div class="company">
        <div class="companyCon">
          <h2>
            <img src="public/img/tit6.png" alt />
          </h2>
          <ul class="list1">
            <li>
              <img src="public/img/qy1.png" alt />
            </li>
            <li>
              <img src="public/img/qy2.png" alt />
            </li>
            <li>
              <img src="public/img/qy3.png" alt />
            </li>
            <li>
              <img src="public/img/qy4.png" alt />
            </li>
            <li>
              <img src="public/img/qy5.png" alt />
            </li>
            <li>
              <img src="public/img/qy6.png" alt />
            </li>
            <li>
              <img src="public/img/qy7.png" alt />
            </li>
            <li>
              <img src="public/img/qy8.png" alt />
            </li>
            <li>
              <img src="public/img/qy9.png" alt />
            </li>
            <li>
              <img src="public/img/qy10.png" alt />
            </li>
            <li>
              <img src="public/img/qy11.png" alt />
            </li>
            <li>
              <img src="public/img/qy12.png" alt />
            </li>
            <li>
              <img src="public/img/qy13.png" alt />
            </li>
            <li>
              <img src="public/img/qy14.png" alt />
            </li>
            <li>
              <img src="public/img/qy15.png" alt />
            </li>
            <li>
              <img src="public/img/qy16.png" alt />
            </li>
          </ul>
          <ul class="list2">
            <li>
              <img src="public/img/qy17.png" alt />
            </li>
            <li>
              <img src="public/img/qy18.png" alt />
            </li>
            <li>
              <img src="public/img/qy19.png" alt />
            </li>
            <li>
              <img src="public/img/qy20.png" alt />
            </li>
            <li>
              <img src="public/img/qy21.png" alt />
            </li>
            <li>
              <img src="public/img/qy22.png" alt />
            </li>
            <li>
              <img src="public/img/qy23.png" alt />
            </li>
          </ul>
        </div>
      </div> -->
    </section> 

    
    <home-footer></home-footer>
  </div>
</template>

<script>
import HomeHeader from 'components/content/header.vue'
import HomeBanner from './childComps/HomeSwiper'
import HomeFooter from './childComps/HomeFooter'

export default {
  data() {
    return {};
  },

  components: {
    HomeHeader,
    HomeBanner,
    HomeFooter
  },

  methods: {},
};
</script>

<style  scoped>
</style>